<template>
  <div class="about">
    <div class="global">
      <router-view></router-view>
    </div>
    <!-- <van-tabbar v-model="active" route>
      <van-tabbar-item icon="wap-home-o" name="index" to="index">首页</van-tabbar-item>
      <van-tabbar-item icon="search" name="jkbk" to="jkbk">健康百科</van-tabbar-item>

      <van-tabbar-item icon="search" to="my" name="my">我的</van-tabbar-item>
    </van-tabbar> -->
    <van-tabbar route>
      <van-tabbar-item icon="wap-home-o" replace to="/index"
        >首页</van-tabbar-item
      >

      <!-- <van-tabbar-item icon="wap-home-o" replace to="/index1"
        >健康百科</van-tabbar-item
      >
      <van-tabbar-item icon="wap-comment" replace to="/index2"
        >消息记录</van-tabbar-item
      > -->

      <van-tabbar-item icon="user-o" replace to="/my">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 0,
      // active: 'index',
    };
  },
};
</script>
<style scoped>
.global {
  width: 100%;
  height: calc(100% - 50px);
}
.about {
  width: 100%;
  height: 100%;
}
</style>
